<template>
  <div class="main">
    <el-card class="main">
      <el-row style="font-size:50px">
        <world :code='code' />
        冲
      </el-row>
    </el-card>
  </div>
</template>

<script>
import world from './components/codeDetail.vue'
export default {
  name: 'hzjmain',
  components: {
    world
  },
  props: {
    msg: String
  },
  data() {
    return {
      code:''
    }
  },
  created(){
    this.getCode()
  },
  methods:{
      tocom() {
          this.$router.push('./comView')
      },
      toapi() {
          this.$router.push('./apiView')
      },
      getCode(){
        this.code =`
                 heyhzj    
                ├───src                           // 源代码
                │    ├──views
                │    │    ├──apiView             //常用API
                │    │    ├──comView             //组件使用
                │    │    ├──comCreate           //组件开发
                │    │    ├──module              //模块总结
                │    │    ├──studuModule         //学习模块
                │    │    │
                │    │    ├──leftMenu            //左侧菜单
                │    │    ├──component           //公共组件
                │    ├──world.vue                //菜单配置
              
                │       └── web                           // 前端控制
        `
      }

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style >
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}

</style>
